<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>我的实验</title>
	<style type="text/css">
		body{
			background: url("./image/index-bg.gif"); 
		}
		.text {
			margin:10px;
			padding: 15px;
			text-align: center;
			background: #F5F5F5;
			border-radius: 10px;
			width:200px;
			float:left;
		}
		a {
			color: #333;
			text-decoration: none;
		}
		a:hover{
			color: red;
			text-decoration: none;
		}
		.contariner{
			border:1px dotted gray;
		}
		.bottom{
			clear: both;
		}
		.title{
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="title">
  		<h1 title="我的实验">我的实验</h1>
  	</div>
  	<div class="contariner">
    	<div class="text" title="css画三角"><a href="./lab/cssTriangle/triangle.html">css画三角</a></div>
    	<div class="text" title="canvas画风车"><a href="./lab/windmill/Windmill.html">canvas画风车</a></div>
    	<div class="text" title="桌面"><a href="./lab/desktop/desktop.html">桌面</a></div>
    	<div class="text" title="时钟"><a href="./lab/clock/clock.html">时钟</a></div>
    	<div class="text" title="滚动栏"><a href="./lab/scrollDiv/scrollDiv.html">滚动栏</a></div>
    	<div class="text" title="滚动栏"><a href="./lab/searchBar/searchBar.html">输入提示</a></div>
    	<div class="text" title="窗口"><a href="./lab/Test/test1.html">窗口</a></div>
    	<div class="text" title="玻璃效果"><a href="./lab/Test/test2.html">玻璃效果</a></div>
    	<div class="text" title="统计字符串中各字符个数"><a href="./lab/Test/test3.html">统计字符串中各字符个数</a></div>
    	<div class="text" title="回到顶部"><a href="./lab/toTop/toTop.html">回到顶部</a></div>
    	<div class="text" title="impress立方体"><a href="./impressdemo/myDemo.html">impress立方体</a></div>
    	<div class="text" title="简单树模型"><a href="./lab/tree/tree.html">简单树模型</a></div>
    	<div class="bottom"></div>
    </div>
    <div class="title">
    	<h1 title="网络例子">网络例子</h1>
    </div>
    <div class="contariner">
    	<div class="text" title="动画效果(http://www.blueidea.com/tech/web/2008/5645.asp)"><a href="./lab/animate/animate.html">动画效果</a></div>
    	<div class="text" title="impress例子(http://eyehere.net/wp-content/uploads/2012/11/impress_cn.html)"><a href="./impressdemo/eyehere_demo.html">impress例子</a></div>
    	<div class="bottom"></div>
    </div>
    <div class="title">
    	<h1 title="工具">工具</h1>
    </div>
    <div class="contariner">
    	<div class="text" title="Sun API"><a href="http://doc.java.sun.com/DocWeb/" target="view_window">Sun API</a></div>
    	<div class="text" title="JSP路径"><a href="./tool/pathinfo.jsp">JSP路径</a></div>
    	<div class="bottom"></div>
    </div>
    <div class="title">
    	<h1 title="jquery demo">jquery demo</h1>
    </div>
    <div class="contariner">
    	<div class="text" title="选项卡"><a href="./jquerydemo/demo1.html" target="view_window">选项卡</a></div>
    	<div class="bottom"></div>
    </div>
    <div class="title">
    	<h1 title="layout">layout</h1>
    </div>
    <div class="contariner">
    	<div class="text" title="透明列表"><a href="./layout/transparent-table/transparent-table.html" target="view_window">透明列表</a></div>
    	<div class="bottom"></div>
    </div>
</body>
</html>